<template>
  <div class="app-container">
    <el-card>
      <el-tabs v-model="activeTab" class="sticky top-0">
        <el-tab-pane label="订单属性" :name="1"> </el-tab-pane>
        <el-tab-pane label="计算属性" :name="2"> </el-tab-pane>
        <el-tab-pane label="报价方式" :name="3"> </el-tab-pane>
      </el-tabs>
      <template v-if="activeTab == 1">
        <DefaultAttrsManageTabPane />
      </template>
      <template v-else-if="activeTab == 2">
        <CalcAttrsManageTabPane />
      </template>
      <template v-else>
        <QuotationAttrsManageTabPane />
      </template>

    </el-card>

  </div>
</template>
<script setup>
import DefaultAttrsManageTabPane from "./components/DefaultAttrsManageTabPane";
import CalcAttrsManageTabPane from "./components/CalcAttrsManageTabPane";
import QuotationAttrsManageTabPane from "./components/QuotationAttrsManageTabPane";

const activeTab = ref(1);
</script>
